.icon {
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.font-orange {
  color: $clr-active !important;
}
.font-yellow {
  color: $clr-main !important;
}
.font-warn {
  color: $clr-warn !important;
}
.font-blue {
  color: #0099FF !important;
}
.hairline {
  position: relative;
  &:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid $clr-ge;
    transform: scaleY(.5);
  }
}
.no-scroll {
  overflow: hidden !important;
}
.scrollbar {
  ::-webkit-scrollbar{ width: 10px; height: 10px;}
  ::-webkit-scrollbar-thumb{ background: #ececec; border-radius: 10px;}
  ::-webkit-scrollbar-track{ background-color: #fafafa;}
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.afternone {
  &:after {
    display: none;
  }
}
.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 8;
}
